import React from 'react';
import { View, Text, SafeAreaView, Image, TouchableOpacity } from 'react-native';
import { styles } from './styles';

interface HomeworkGuidanceProps {
    onBackPress?: () => void;
}

const HomeworkGuidance: React.FC<HomeworkGuidanceProps> = ({ onBackPress }) => {
    return (
        <SafeAreaView style={styles.container}>
            <View style={styles.header}>
                <Image
                    source={require('../../../../assets/terminal/home-header.png')}
                    style={styles.headerBackground}
                    resizeMode="cover"
                />
                <View style={styles.headerContent}>
                    <Text style={styles.headerText}>
                        MES终端服务系统
                    </Text>
                </View>
                <TouchableOpacity
                    style={styles.backButton}
                    onPress={onBackPress}
                >
                    <Image source={require('../../../../assets/fanhui.png')} style={styles.backIcon} />
                </TouchableOpacity>
            </View>

            <View style={styles.content}>
                <Text style={styles.title}>作业指导</Text>
                <Text style={styles.subtitle}>作业指导功能开发中...</Text>
            </View>
        </SafeAreaView>
    );
};

export default HomeworkGuidance;